<template>
  <t-dialog
    :header="`${header}`"
    :visible.sync="visible"
    :onClose="closeDialog"
    :closeOnOverlayClick="false"
    :confirmBtn="null"
    width="80%"
    top="5%"
  >
   <div style="height: 65vh">
     <contract-detail :obj-id="objId" :row=row></contract-detail>
   </div>
  </t-dialog>
</template>

<script>
import contractDetail from "./contract-detail.vue";
export default {
  name: "contract-new-detail-dialog",
  components:{
    contractDetail
  },
  props:{
    objId: [String,Number],
    header: String,
    row: Object,
    hideInfo: {
      type: Boolean,
      default: false
    },
    tabDefaultValue: {
      type: String,
      default: '1'
    }
  },
  data(){
    return {
      visible: true,
      stepValue: this.tabDefaultValue,
    }
  },
  methods:{
    closeDialog() {
      this.$emit("update:visible", false);
    },
  }
}
</script>

<style scoped>

</style>
